/*
 * @Author      : chenzhinjian
 * @Date        : 2019-01-07 11: 11: 31
 * @LastEditTime: 2019-04-25 14:52:00
 * @Description : 
 */
 $grid-prefix: $css-prefix;
.container {
  max-width    : 1170px;
  margin       : 0 auto;
  padding-left : 15px;
  padding-right: 15px;

  @include clearfix;
}

.#{$grid-prefix}row {
  // margin-left: $grid-gutter / -2;
  // margin-right: $grid-gutter / -2;
  @include clearfix;
}

.no-gutters {
  margin-right: 0;
  margin-left : 0;

  > .col,
  > [class*="col-"] {
    padding-right: 0;
    padding-left : 0;
  }
}

@include make-grid-columns();
@include make-grid-columns-float();
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
  // @include make-grid-columns-float();
  @include loop-grid-columns(12,'sm');
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
  // @include make-grid-columns-float();
  @include loop-grid-columns(12,'md')
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
  // @include make-grid-columns-float();
  @include loop-grid-columns(12,'lg')
}
.#{$grid-prefix}flex{
  display: flex;
}
.#{$grid-prefix}flex-row{
  flex-direction: row-reverse
}
.#{$grid-prefix}flex-justify-flex-start{
  justify-content: flex-start;
}
.#{$grid-prefix}flex-justify-center{
  justify-content: center;
}
.#{$grid-prefix}flex-justify-flex-end{
  justify-content: flex-end;
}
.#{$grid-prefix}flex-justify-space-between{
  justify-content: space-between;
}
.#{$grid-prefix}flex-justify-space-around{
  justify-content: space-around;
}

.#{$grid-prefix}flex-align-flex-start{
  align-items: flex-start;
}
.#{$grid-prefix}flex-align-center{
  align-items: center;
}
.#{$grid-prefix}flex-align-flex-end{
  align-items: flex-end;
}
.#{$grid-prefix}flex-align-baseline{
  align-items: baseline;
}
.#{$grid-prefix}flex-align-stretch{
  align-items: stretch;
}

.#{$grid-prefix}flex-align-flex-start{
  align-content: flex-start;
}
.#{$grid-prefix}flex-align-center{
  align-content: center;
}
.#{$grid-prefix}flex-align-flex-end{
  align-content: flex-end;
}
.#{$grid-prefix}flex-align-baseline{
  align-content: baseline;
}
.#{$grid-prefix}flex-align-stretch{
  align-content: stretch;
}
.#{$grid-prefix}flex-nowrap{
  flex-wrap: nowrap
}
.#{$grid-prefix}flex-wrap {
  flex-wrap: wrap
}
.#{$grid-prefix}flex-wrap-reverse {
  flex-wrap: wrap
}

.#{$grid-prefix}flex-item-align-flex-start{
  align-self: flex-start;
}
.#{$grid-prefix}flex-item-align-center{
  align-self: center;
}
.#{$grid-prefix}flex-item-align-flex-end{
  align-self: flex-end;
}
.#{$grid-prefix}flex-item-baseline{
  align-self: baseline;
}
.#{$grid-prefix}flex-item-stretch{
  align-self: stretch;
}
